
<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<link href="../css/main.css" type="text/css" rel="stylesheet" />
		<link href="../css/dialog.css" rel="stylesheet" type="text/css">
		<title></title>
		<style type="text/css">
			
			
			.img_div{
			height:300px;
			}
			#pic0_img{
				width: 343px;height: 182px;
			}
			.service_object{
			float:left;
			}

			.right_div{
				    width: 98%;
    margin-left: 1%;

			}

			textarea{/* width: 340px; */width: 333px;height: 100px;border: #a6d9da solid 1px;padding: 5px;}
			.textarea1{border:none;resize : none;overflow-y:visible }
			
    *, *::before, *::after{
    	box-sizing: inherit
    }

    .portlet-body-left {
    width: 230px;
    float: left;
    position: fixed;
    background-color:rgb(242,243,248);
	}

	.search .searchImg {
    position: absolute;
    margin: 7px;
    width: 16px;
    height: 16px;
    background: url(./search.png) no-repeat;
}	

 .searchInput {
    width: 230px;
    height: 30px;
    margin-bottom: 5px;
}

.form-control[_ngcontent-c2] {
    border: none;
    text-indent: 30px;
    height: 30px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555555;
    display: block;
    text-align: start;
    width: 100%;
    margin: 0 auto;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    border:none;
 	border:0px;
    outline:none;
}

.form-control {
    display: block;
   
    padding: 0.35rem 1.5rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    outline:medium;
}
.leftPadding {
    padding: 12px 10px 15px 10px;
    overflow: auto;
}
.treeDiv[_ngcontent-c2] {
    width: 230px;
}
.portlet.light {
    margin-bottom: 0;
}
.fc-bg-FF {
    background-color: #fff;
}

.btn.btn-secondary {
    border-color: transparent;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    opacity: 1;
   /* padding: 0.65rem 0;*/
}


.row {
    display: -webkit-box;
    display: -ms-flexbox;
    /* display: flex; */
    -ms-flex-wrap: wrap;
    /* flex-wrap: wrap; */
    /* margin-right: -15px; */
    margin-left: -15px;
}
.portlet-body-right {
    margin-left: 230px;
    background-color:rgb(242,243,248);
}

.col-xl-padding {
    padding-left: 10px;
    padding-bottom: 10px;
    padding-right: 0px;
}

.col-xl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    /* max-width: 33.33333%; */
}

.col-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.col-xl-8 {
    /* -webkit-box-flex: 0; */
    -ms-flex: 0 0 66.66667%;
    /* flex: 0 0 66.66667%; */
    max-width: 66.66667%;
}

.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text {
    display: table-cell;
    vertical-align: middle;
    /* font-size: 1.3rem; */
    /* font-weight: 500; */
    /* font-family: Roboto; */
}
.m-portlet__head-text {
    color: #575962;
}
h4{margin-left: 5px;    font-size: 1.5rem;display: table-cell;
    vertical-align: middle;}

.col-lg-12{
	position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.alarmInfo-body[_ngcontent-c2] {
    /* min-height: 328px; */
}
.portlet-body-right[_ngcontent-c2] {
    margin-left: 230px;
}

.nav.nav-pills, .nav.nav-tabs {
    margin-bottom: 20px;
}
.m-tabs-line {
    border-bottom: 1px solid #ebedf2;
}
.m-tabs-line {
    margin: 0 0 25px 0;
}
.nav-tabs {
    border-bottom: 1px solid #ebedf2;
}
.nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
ol, ul, dl {
    margin-top: 0;
    margin-bottom: 1rem;
}
.m-tabs-line .m-tabs__item {
    margin-right: 30px;
    margin-bottom: -1px;
}

 .nav-link {
    color: #6f727d;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}
		</style>
	</head>
	<body>
		<div class="main_frame">
			<div class="position_div">
				<img src="../images/position_icon.png" />
				<i>服务项目</i><i>&gt;&gt;</i><i>服务项目管理</i>
			</div>
			<div class="right_div">
				
			
					<div class="portlet-body-left">
						<div class="search">
            			<div  class="searchImg"></div>
            			<div  class="form-group searchInput">
               			 	<input  class="form-control fc-Form " type="text" placeholder="设备名称" >
            			</div>
        			</div>

        			<div _ngcontent-c2="" class="portlet light leftPadding treeDiv fc-bg-FF" >
            <!---->
            <!---->		<div _ngcontent-c2="" class="btn-group m-btn-group treeTabsGroup ng-tns-c2-4">
                			<button  class="btn btn-secondary">地区</button>
                			<button " class="btn btn-secondary btnActive" disabled="">客户</button>
               			 	<button _ngcontent-c2="" class="btn btn-secondary">设备型号</button>
            			</div>
           
       				 </div>
					</div>

				
					<div class="portlet-body-right row">
					 
					 
            	<div class="col-xl-8 col-lg-12 sortable col-xl-padding" id="ConfigurationScreenDiv" style="height: 520px;width: 560px;">
                <div  id="configure-portlet">
                    <div  class="m-portlet__head" style="padding: 10px 0;background-color:rgb(242,243,248);">
                        <div  class="m-portlet__head-caption">
                            <div class="m-portlet__head-title">
                            <h4  class="m-portlet__head-text">组态画面</h4>
                       
                            </div>
                        </div>
                       
                    </div>
                    <div  >
                      <image class="img_div" src ="http://huanrun.yunzutai.com:22743/Uploads/Files/2018/2/26/0764045707da47958b2485b6371aca72.jpg" />
                    </div>
                </div>
            </div>
            <!----><div _ngcontent-c2="" class="col-lg-12 sortable col-xl-padding col-xl-4 ng-tns-c2-4" id="DeviceInfoDiv" style="height: 520px;">
                <div _ngcontent-c2="" class="portlet portlet-sortable light bordered full-page fc-bg-FF">
                    <div _ngcontent-c2="" class="alarmTotal">
                        <h3 _ngcontent-c2="" class="ng-tns-c2-4">湘潭锅炉16092601炉4</h3>
                        <h1 _ngcontent-c2="" class="ng-tns-c2-4">0</h1>
                        <p _ngcontent-c2="" class="ng-tns-c2-4">
                            <i _ngcontent-c2="" class="fa fa-warning"></i>报警统计
                        </p>
                    </div>
                    <div _ngcontent-c2="" class="deviceInfo">
                        <ul _ngcontent-c2="" class="ng-tns-c2-4">
                            <!----><li _ngcontent-c2="" class="ng-tns-c2-4">
                                <span _ngcontent-c2="" class="ng-tns-c2-4">设备模板:</span>
                                <span _ngcontent-c2="" class="ng-tns-c2-4">REM301-热水真锅炉比调</span>
                            </li>
                            <li _ngcontent-c2="" class="ng-tns-c2-4">
                                <span _ngcontent-c2="" class="ng-tns-c2-4">设备序列号:</span>
                                <span _ngcontent-c2="" class="ng-tns-c2-4">300617100180</span>
                            </li>
                            <!---->
                            <li _ngcontent-c2="" class="ng-tns-c2-4">
                                <span _ngcontent-c2="" class="ng-tns-c2-4">设备地点:</span>
                                <span _ngcontent-c2="" class="ng-tns-c2-4">湘潭市岳塘区建设路口岚园路4号湘潭中心负1层</span>
                            </li>
                            <li _ngcontent-c2="" class="ng-tns-c2-4">
                                <span _ngcontent-c2="" class="ng-tns-c2-4">备注:</span>
                                <span _ngcontent-c2="" class="ng-tns-c2-4"></span>
                            </li>
                        </ul>
                        <a _ngcontent-c2="" class="ng-tns-c2-4" style="position:absolute;right:30px;bottom:30px;cursor: pointer;">设备管理 &gt;</a>
                    </div>
                </div>
            </div>
        </div>


			<div _ngcontent-c2="" class="ng-tns-c2-4" id="AlarmInfoDiv" style="padding: 0px 0px 0px 10px;margin-right: -15px;">
            <div _ngcontent-c2="" class="portlet-body-right alarmInfo-body fc-bg-FF">
                <div _ngcontent-c2="" class="ng-tns-c2-4" style="padding: 0 0 0 10px;">
                    <tabset _ngcontent-c2="" class="tab-container tabbable-line"><ul class="nav m-tabs-line nav-tabs"> <!----><li class="nav-item m-tabs__item active"> <a class="nav-link active m-tabs__link" href="javascript:void(0);" id=""> <span>当前报警</span> <!----> </a> </li><li class="nav-item m-tabs__item"> <a class="nav-link m-tabs__link" href="javascript:void(0);" id=""> <span>历史报警</span> <!----> </a> </li><li class="nav-item m-tabs__item"> <a class="nav-link m-tabs__link" href="javascript:void(0);" id=""> <span>历史数据</span> <!----> </a> </li><li class="nav-item m-tabs__item"> <a class="nav-link m-tabs__link" href="javascript:void(0);" id=""> <span>设备信息</span> <!----> </a> </li><li class="nav-item m-tabs__item"> <a class="nav-link m-tabs__link" href="javascript:void(0);" id=""> <span>维保档案</span> <!----> </a> </li> </ul> <div class="tab-content"> 
                        <tab _ngcontent-c2="" customclass="m-tabs__item" class="ng-tns-c2-4 m-tabs__item active tab-pane">
                            <!----><currentalarm _ngcontent-c2="" class="ng-tns-c3-5 ng-tns-c2-4"><div class="currentAlarm-portlet-table">
    <div class="portlet-body">
        <div class="table-scrollable">
            <table class="table alarmTable">
                <thead class="ng-tns-c3-5">
                    <tr class="ng-tns-c3-5">
                        <th class="ng-tns-c3-5">名称</th>
                        <th class="ng-tns-c3-5">状态</th>
                        <th class="ng-tns-c3-5">报警内容</th>
                        <th class="ng-tns-c3-5">值</th>
                        <th class="ng-tns-c3-5">报警时间</th>
                        <th class="ng-tns-c3-5">标记为</th>
                    </tr>
                </thead>
                <tbody class="ng-tns-c3-5">
                    <!---->
                </tbody>
            </table>
        </div>
    </div>
</div>
</currentalarm>
                        </tab>
                        <tab _ngcontent-c2="" customclass="m-tabs__item" class="ng-tns-c2-4 m-tabs__item tab-pane">
                            <!----><historyalarm _ngcontent-c2="" class="ng-tns-c4-6 ng-tns-c2-4"><div class="hisortyAlarmTable">
    <form class="horizontal-form ng-untouched ng-pristine ng-valid" novalidate="">
        <div class="form-body">
            <div class="row">
                <div class="col-md-4">
                    <div class="form-group">
                        <input class="form-control fc-Form ng-untouched ng-pristine ng-valid" name="alarmName" type="text" placeholder="请输入名称搜索">
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <date-range-picker class="ng-tns-c4-6"><input class="form-control" type="text"></date-range-picker>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <button class="btn btn-primary hisSearchBtn" style="display: block" type="submit">查询</button>
                    </div>
                </div>
            </div>
        </div>
    </form>
    <div class="portlet-body">
        <div class="primeng-datatable-container">
            <p-datatable class="ng-tns-c4-6">
        <div class="ui-datatable ui-widget ui-datatable-reflow">
            <!---->
            <!---->
            <!---->
            <!---->
            <!----><div class="ui-datatable-tablewrapper">
                <table>
                    <thead class="ui-datatable-thead">
                        <!----><tr class="ui-state-default">
        <!---->
            <th class="ui-state-default ui-unselectable-text">
                <!---->
                <!----><span class="ui-column-title">名称</span>
                <!---->
                <!---->
                <!---->
                <!---->
                <!---->
            </th>
        
            <th class="ui-state-default ui-unselectable-text">
                <!---->
                <!----><span class="ui-column-title">事件</span>
                <!---->
                <!---->
                <!---->
                <!---->
                <!---->
            </th>
        
            <th class="ui-state-default ui-unselectable-text">
                <!---->
                <!----><span class="ui-column-title">报警内容</span>
                <!---->
                <!---->
                <!---->
                <!---->
                <!---->
            </th>
        
            <th class="ui-state-default ui-unselectable-text">
                <!---->
                <!----><span class="ui-column-title">值</span>
                <!---->
                <!---->
                <!---->
                <!---->
                <!---->
            </th>
        
            <th class="ui-state-default ui-unselectable-text">
                <!---->
                <!----><span class="ui-column-title">时间</span>
                <!---->
                <!---->
                <!---->
                <!---->
                <!---->
            </th>
        
    </tr>
                        <!---->
                    </thead>
                    <!---->
                    <tbody class="ui-datatable-data ui-widget-content">
        <!---->
            <!---->
            <!----><tr class="ui-datatable-even ui-widget-content">
                <!---->
                    <!----><td>
                        <!----><span class="ui-column-title">名称</span>
                        <!----><span class="ui-cell-data">燃烧机故障！</span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
                    <!----><td>
                        <!----><span class="ui-column-title">事件</span>
                        <!---->
                        <!----><span class="ui-cell-data">
                            <p-columnbodytemplateloader></p-columnbodytemplateloader>
                        恢复
                    
                        </span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
                    <!----><td>
                        <!----><span class="ui-column-title">报警内容</span>
                        <!----><span class="ui-cell-data">燃烧机故障！</span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
                    <!----><td>
                        <!----><span class="ui-column-title">值</span>
                        <!---->
                        <!----><span class="ui-cell-data">
                            <p-columnbodytemplateloader></p-columnbodytemplateloader>
                        0
                    
                        </span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
                    <!----><td>
                        <!----><span class="ui-column-title">时间</span>
                        <!---->
                        <!----><span class="ui-cell-data">
                            <p-columnbodytemplateloader></p-columnbodytemplateloader>
                        2018-03-17 16:29:46
                    
                        </span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
            </tr>
            <!---->
            <!---->
        
            <!---->
            <!----><tr class="ui-datatable-odd ui-widget-content">
                <!---->
                    <!----><td>
                        <!----><span class="ui-column-title">名称</span>
                        <!----><span class="ui-cell-data">燃烧机故障！</span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
                    <!----><td>
                        <!----><span class="ui-column-title">事件</span>
                        <!---->
                        <!----><span class="ui-cell-data">
                            <p-columnbodytemplateloader></p-columnbodytemplateloader>
                        触发
                    
                        </span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
                    <!----><td>
                        <!----><span class="ui-column-title">报警内容</span>
                        <!----><span class="ui-cell-data">燃烧机故障！</span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
                    <!----><td>
                        <!----><span class="ui-column-title">值</span>
                        <!---->
                        <!----><span class="ui-cell-data">
                            <p-columnbodytemplateloader></p-columnbodytemplateloader>
                        1
                    
                        </span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
                    <!----><td>
                        <!----><span class="ui-column-title">时间</span>
                        <!---->
                        <!----><span class="ui-cell-data">
                            <p-columnbodytemplateloader></p-columnbodytemplateloader>
                        2018-03-17 16:29:10
                    
                        </span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
            </tr>
            <!---->
            <!---->
        
            <!---->
            <!----><tr class="ui-datatable-even ui-widget-content">
                <!---->
                    <!----><td>
                        <!----><span class="ui-column-title">名称</span>
                        <!----><span class="ui-cell-data">燃烧机故障！</span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
                    <!----><td>
                        <!----><span class="ui-column-title">事件</span>
                        <!---->
                        <!----><span class="ui-cell-data">
                            <p-columnbodytemplateloader></p-columnbodytemplateloader>
                        恢复
                    
                        </span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
                    <!----><td>
                        <!----><span class="ui-column-title">报警内容</span>
                        <!----><span class="ui-cell-data">燃烧机故障！</span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
                    <!----><td>
                        <!----><span class="ui-column-title">值</span>
                        <!---->
                        <!----><span class="ui-cell-data">
                            <p-columnbodytemplateloader></p-columnbodytemplateloader>
                        0
                    
                        </span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
                    <!----><td>
                        <!----><span class="ui-column-title">时间</span>
                        <!---->
                        <!----><span class="ui-cell-data">
                            <p-columnbodytemplateloader></p-columnbodytemplateloader>
                        2018-03-17 16:29:01
                    
                        </span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
            </tr>
            <!---->
            <!---->
        
            <!---->
            <!----><tr class="ui-datatable-odd ui-widget-content">
                <!---->
                    <!----><td>
                        <!----><span class="ui-column-title">名称</span>
                        <!----><span class="ui-cell-data">燃烧机故障！</span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
                    <!----><td>
                        <!----><span class="ui-column-title">事件</span>
                        <!---->
                        <!----><span class="ui-cell-data">
                            <p-columnbodytemplateloader></p-columnbodytemplateloader>
                        触发
                    
                        </span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
                    <!----><td>
                        <!----><span class="ui-column-title">报警内容</span>
                        <!----><span class="ui-cell-data">燃烧机故障！</span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
                    <!----><td>
                        <!----><span class="ui-column-title">值</span>
                        <!---->
                        <!----><span class="ui-cell-data">
                            <p-columnbodytemplateloader></p-columnbodytemplateloader>
                        1
                    
                        </span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
                    <!----><td>
                        <!----><span class="ui-column-title">时间</span>
                        <!---->
                        <!----><span class="ui-cell-data">
                            <p-columnbodytemplateloader></p-columnbodytemplateloader>
                        2018-03-17 16:28:57
                    
                        </span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
            </tr>
            <!---->
            <!---->
        
            <!---->
            <!----><tr class="ui-datatable-even ui-widget-content">
                <!---->
                    <!----><td>
                        <!----><span class="ui-column-title">名称</span>
                        <!----><span class="ui-cell-data">燃烧机故障！</span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
                    <!----><td>
                        <!----><span class="ui-column-title">事件</span>
                        <!---->
                        <!----><span class="ui-cell-data">
                            <p-columnbodytemplateloader></p-columnbodytemplateloader>
                        触发
                    
                        </span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
                    <!----><td>
                        <!----><span class="ui-column-title">报警内容</span>
                        <!----><span class="ui-cell-data">燃烧机故障！</span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
                    <!----><td>
                        <!----><span class="ui-column-title">值</span>
                        <!---->
                        <!----><span class="ui-cell-data">
                            <p-columnbodytemplateloader></p-columnbodytemplateloader>
                        1
                    
                        </span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
                    <!----><td>
                        <!----><span class="ui-column-title">时间</span>
                        <!---->
                        <!----><span class="ui-cell-data">
                            <p-columnbodytemplateloader></p-columnbodytemplateloader>
                        2018-03-17 16:27:46
                    
                        </span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
            </tr>
            <!---->
            <!---->
        

        <!---->
    </tbody>
                </table>
            </div>
            
            <!---->
            
            <!---->
            <!---->
            
            <div class="ui-column-resizer-helper ui-state-highlight" style="display:none"></div>
            <span class="fa fa-arrow-down ui-datatable-reorder-indicator-up" style="position: absolute; display: none;"></span>
            <span class="fa fa-arrow-up ui-datatable-reorder-indicator-down" style="position: absolute; display: none;"></span>
        </div>
    </p-datatable>
        </div>
    </div>
    <div class="row pageRow">
        <div class="col-md-6"></div>
        <div class="col-md-6 pageBtn">
            <div class="btn-group">
                <button class="btn btn-primary gary">第一页</button>
                <button class="btn btn-primary gary" disabled="">
          上一页
        </button>
                <button class="btn btn-primary gary">
          下一页
        </button>
                <button class="btn btn-primary gary">最后一页</button>
            </div>
        </div>
    </div>
</div>
</historyalarm>
                        </tab>
                        <tab _ngcontent-c2="" customclass="m-tabs__item" class="ng-tns-c2-4 m-tabs__item tab-pane">
                            <!----><historydata _ngcontent-c2="" _nghost-c5="" class="ng-tns-c2-4"><div _ngcontent-c5="" class="hisortyAlarmTable" id="hisortyAlarmTable">
    <form _ngcontent-c5="" class="horizontal-form ng-untouched ng-pristine ng-valid" novalidate="">
        <div _ngcontent-c5="" class="form-body">
            <div _ngcontent-c5="" class="row">
                <div _ngcontent-c5="" class="col-md-6 col-xl-3">
                    <div _ngcontent-c5="" class="form-group">
                        <date-range-picker _ngcontent-c5=""><input class="form-control" type="text"></date-range-picker>
                    </div>
                </div>
                <div _ngcontent-c5="" class="col-md-6 col-xl-3 fc-padding-left-0 fc-padding-right-0">
                    <div _ngcontent-c5="" class="form-group">
                        <select _ngcontent-c5="" class="form-control ng-untouched ng-pristine ng-valid" name="historyItems">
                            <!----><option _ngcontent-c5="" value="6: Object">温度数据</option><option _ngcontent-c5="" value="7: Object">压力数据</option>
                        </select>
                    </div>
                </div>
                <div _ngcontent-c5="" class="col-md-6 col-xl-3">
                    <div _ngcontent-c5="" class="form-group">
                        <ss-multiselect-dropdown _ngcontent-c5="" name="channels" _nghost-c12="" class="ng-untouched ng-pristine ng-valid"><div _ngcontent-c12="" class="dropdown dropdown-multi"><button _ngcontent-c12="" class="dropdown-toggle btn btn-default btn-block" type="button">请选择通道<span _ngcontent-c12="" class="caret"></span></button><!----></div></ss-multiselect-dropdown>
                    </div>
                </div>
                <div _ngcontent-c5="" class="col-md-6 col-xl-3 fc-padding-left-0 fc-padding-right-0">
                    <div _ngcontent-c5="" class="custom-fc-btn-group">
                        <button _ngcontent-c5="" class="btn btn-primary btnSearch" data-placement="top" type="submit">
                            <i _ngcontent-c5="" class="flaticon-search-1"></i>
                        </button>
                        <div _ngcontent-c5="" class="btn-group" role="group">

                            <button _ngcontent-c5="" class="btn btn-primary" data-placement="top" type="button">
                                <i _ngcontent-c5="" class="fa fa-list"></i>
                            </button>
                            <button _ngcontent-c5="" class="btn" data-placement="top" type="button">
                                <i _ngcontent-c5="" class="fa fa-bar-chart"></i>
                            </button>
                        </div>
                        <button _ngcontent-c5="" class="btn btn-primary" data-placement="top" type="submit">
                            <i _ngcontent-c5="" class="fa fa-file-excel-o"></i>
                        </button>
                    </div>


                </div>
            </div>
        </div>
    </form>
    <div _ngcontent-c5="" class="primeng-datatable-container hdata-list" id="historyDataTable">
        <div _ngcontent-c5="" class="ui-datatable ui-widget">
            <div _ngcontent-c5="" class="ui-datatable-tablewrapper">
                <table _ngcontent-c5="" id="history-data-view" style="width: 300px;">
                    <thead _ngcontent-c5="" class="ui-datatable-thead">
                        <tr _ngcontent-c5="" class="ui-state-default">
                            <th _ngcontent-c5="" class="ui-state-default">
                                <div _ngcontent-c5="">
                                    <span _ngcontent-c5="" class="ui-column-title">序号</span>
                                </div>
                            </th>
                            <th _ngcontent-c5="" class="ui-state-default">
                                <div _ngcontent-c5="">
                                    <span _ngcontent-c5="" class="ui-column-title">时间</span>
                                </div>
                            </th>
                            <!---->
                        </tr>
                    </thead>
                    <tbody _ngcontent-c5="" class="ui-datatable-data ui-widget-content">
                        <!---->
                    </tbody>
                </table>
            </div>
        </div>

    </div>
    <div _ngcontent-c5="" class="hdata-chart" id="historyDataChart" hidden="" style="overflow: hidden; text-align: left;"><div class="amcharts-main-div" style="position: relative;"><div style="overflow: hidden; position: relative; text-align: left;"></div><div class="amcharts-chart-div" style="overflow: hidden; position: relative; text-align: left; height: 0px;"><svg version="1.1" style="position: absolute; width: 10px; height: 10px;"><desc>JavaScript chart by amCharts 3.14.5</desc><g><path cs="100,100" d="M0.5,0.5 L-0.5,0.5 L-0.5,-0.5 L0.5,-0.5 Z" fill="#FFFFFF" stroke="#000000" fill-opacity="0" stroke-width="1" stroke-opacity="0"></path><path cs="100,100" d="M0.5,0.5 L0.5,0.5 L0.5,0.5 L0.5,0.5 L0.5,0.5 Z" fill="#FFFFFF" stroke="#000000" fill-opacity="0" stroke-width="1" stroke-opacity="0" transform="translate(60,20)"></path></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g><g></g></g><g></g><g></g><g></g></svg><a href="http://www.amcharts.com/javascript-charts/" title="" style="position: absolute; text-decoration: none; color: rgb(0, 0, 0); font-family: Verdana; font-size: 11px; opacity: 0.7; display: block; left: 65px; top: 25px;"></a></div></div></div>
    <div _ngcontent-c5="" class="row pageRow">
        <div _ngcontent-c5="" class="col-md-6"></div>
        <div _ngcontent-c5="" class="col-md-6 pageBtn">
            <div _ngcontent-c5="" class="btn-group">
                <button _ngcontent-c5="" class="btn btn-primary gary">
                    第一页
                </button>
                <button _ngcontent-c5="" class="btn btn-primary gary">
                    上一页
                </button>
                <button _ngcontent-c5="" class="btn btn-primary gary">
                    下一页
                </button>
                <button _ngcontent-c5="" class="btn btn-primary gary">
                    最后一页
                </button>
            </div>
        </div>
    </div>
</div>
</historydata>
                        </tab>
                        <!---->
                        <!----><tab _ngcontent-c2="" customclass="m-tabs__item" class="ng-tns-c2-4 m-tabs__item tab-pane">
                            <!----><maintenance-records _ngcontent-c2="" _nghost-c7="" class="ng-tns-c2-4"><div _ngcontent-c7="" class="maintencerecords">
    <div _ngcontent-c7="" class="m-form">
        <form _ngcontent-c7="" class="horizontal-form ng-untouched ng-pristine ng-valid" novalidate="">
            <div _ngcontent-c7="" class="form-body" style="padding-bottom: 0;">
                <div _ngcontent-c7="" class="inputs inputs-full-width">
                    <div _ngcontent-c7="" class="row">
                        <div _ngcontent-c7="" class="col-xl-2">
                            <div _ngcontent-c7="" class="form-group searchInput">
                                <div _ngcontent-c7="" class="input-group">
                                    <input _ngcontent-c7="" class="form-control fc-Form ng-untouched ng-pristine ng-valid" name="searchInfo" placeholder="工单号">
                                    <span _ngcontent-c7="" class="input-group-btn">
                                        <button _ngcontent-c7="" class="btn">
                                            <i _ngcontent-c7="" class="flaticon-search"></i>
                                        </button>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div _ngcontent-c7="" class="col-xl-2">
                            <span _ngcontent-c7="" class="clickable-item text-muted span-vertical-center">
                                <i _ngcontent-c7="" class="fa fa-angle-up"></i>
                                <!----><span _ngcontent-c7="">显示高级过滤</span>
                                <!---->
                            </span>
                        </div>
                        <div _ngcontent-c7="" class="col-xl-8">
                        </div>
                    </div>

                    <!---->
                </div>

                <div _ngcontent-c7="" class="primeng-datatable-container">
                    <p-datatable _ngcontent-c7="" scrollwidth="100%" resizablecolumns="primengDatatableHelper.resizableColumns" responsive="primengDatatableHelper.isResponsive" scrollable="true">
        <div class="ui-datatable ui-widget ui-datatable-reflow ui-datatable-resizable ui-datatable-scrollable">
            <!---->
            <!---->
            <!---->
            <!---->
            <!---->
            
            <!---->
                <div class="ui-datatable-scrollable-wrapper ui-helper-clearfix">
                    <!---->
                    <div class="ui-datatable-scrollable-view">
        <div class="ui-widget-header ui-datatable-scrollable-header">
            <div class="ui-datatable-scrollable-header-box" style="margin-right: 0px;">
                <table>
                    <thead class="ui-datatable-thead">
                        <!----><tr class="ui-state-default">
        <!---->
            <th class="ui-state-default ui-unselectable-text ui-resizable-column" style="width: 8%;">
                <!----><span class="ui-column-resizer ui-clickable"></span>
                <!----><span class="ui-column-title">操作</span>
                <!---->
                <!---->
                <!---->
                <!---->
                <!---->
            </th>
        
            <th class="ui-state-default ui-unselectable-text ui-sortable-column ui-resizable-column" style="width: 12%;">
                <!----><span class="ui-column-resizer ui-clickable"></span>
                <!----><span class="ui-column-title">工单号</span>
                <!---->
                <!----><span class="ui-sortable-column-icon fa fa-fw fa-sort"></span>
                <!---->
                <!---->
                <!---->
            </th>
        
            <th class="ui-state-default ui-unselectable-text ui-sortable-column ui-resizable-column" style="width: 12%;">
                <!----><span class="ui-column-resizer ui-clickable"></span>
                <!----><span class="ui-column-title">工单类型</span>
                <!---->
                <!----><span class="ui-sortable-column-icon fa fa-fw fa-sort"></span>
                <!---->
                <!---->
                <!---->
            </th>
        
            <th class="ui-state-default ui-unselectable-text ui-sortable-column ui-resizable-column" style="width: 12%;">
                <!----><span class="ui-column-resizer ui-clickable"></span>
                <!----><span class="ui-column-title">工单描述</span>
                <!---->
                <!----><span class="ui-sortable-column-icon fa fa-fw fa-sort"></span>
                <!---->
                <!---->
                <!---->
            </th>
        
            <th class="ui-state-default ui-unselectable-text ui-sortable-column ui-resizable-column" style="width: 12%;">
                <!----><span class="ui-column-resizer ui-clickable"></span>
                <!----><span class="ui-column-title">状态</span>
                <!---->
                <!----><span class="ui-sortable-column-icon fa fa-fw fa-sort"></span>
                <!---->
                <!---->
                <!---->
            </th>
        
            <th class="ui-state-default ui-unselectable-text ui-sortable-column ui-resizable-column" style="width: 12%;">
                <!---->
                <!----><span class="ui-column-title">维保人</span>
                <!---->
                <!----><span class="ui-sortable-column-icon fa fa-fw fa-sort"></span>
                <!---->
                <!---->
                <!---->
            </th>
        
    </tr>
                        <!---->
                    </thead>
                    <!---->
                </table>
            </div>
        </div>
        <div class="ui-datatable-scrollable-body">
            <div class="ui-datatable-scrollable-table-wrapper" style="position:relative">
                <table style="top:0px">
                    <colgroup class="ui-datatable-scrollable-colgroup">
                        <!----><col style="width: 8%;"><col style="width: 12%;"><col style="width: 12%;"><col style="width: 12%;"><col style="width: 12%;"><col style="width: 12%;">
                    </colgroup>
                    <tbody class="ui-datatable-data ui-widget-content">
        <!---->
            <!---->
            <!----><tr class="ui-datatable-even ui-widget-content">
                <!---->
                    <!----><td style="width: 8%;">
                        <!----><span class="ui-column-title">操作</span>
                        <!---->
                        <!----><span class="ui-cell-data">
                            <p-columnbodytemplateloader></p-columnbodytemplateloader>
                                <div _ngcontent-c7="" class="btn-group dropdown" normalizeposition="">
                                    <button _ngcontent-c7="" class="btn fc-btn btn-edit btn-xs">详情</button>
                                </div>
                            
                        </span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
                    <!----><td style="width: 12%;">
                        <!----><span class="ui-column-title">工单号</span>
                        <!----><span class="ui-cell-data">W2018031804</span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
                    <!----><td style="width: 12%;">
                        <!----><span class="ui-column-title">工单类型</span>
                        <!---->
                        <!----><span class="ui-cell-data">
                            <p-columnbodytemplateloader></p-columnbodytemplateloader>
                               <span _ngcontent-c7="">常规保养</span>
                            
                        </span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
                    <!----><td style="width: 12%;">
                        <!----><span class="ui-column-title">工单描述</span>
                        <!----><span class="ui-cell-data">ertyu</span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
                    <!----><td style="width: 12%;">
                        <!----><span class="ui-column-title">状态</span>
                        <!---->
                        <!----><span class="ui-cell-data">
                            <p-columnbodytemplateloader></p-columnbodytemplateloader>
                                <span _ngcontent-c7="" class="orderStatus">
                                    <em _ngcontent-c7="" class="label status-Dispatched"></em>
                                    <i _ngcontent-c7="">已派单</i>
                                </span>
                            
                        </span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
                    <!----><td style="width: 12%;">
                        <!----><span class="ui-column-title">维保人</span>
                        <!----><span class="ui-cell-data">adminadmin</span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
            </tr>
            <!---->
            <!---->
        
            <!---->
            <!----><tr class="ui-datatable-odd ui-widget-content">
                <!---->
                    <!----><td style="width: 8%;">
                        <!----><span class="ui-column-title">操作</span>
                        <!---->
                        <!----><span class="ui-cell-data">
                            <p-columnbodytemplateloader></p-columnbodytemplateloader>
                                <div _ngcontent-c7="" class="btn-group dropdown" normalizeposition="">
                                    <button _ngcontent-c7="" class="btn fc-btn btn-edit btn-xs">详情</button>
                                </div>
                            
                        </span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
                    <!----><td style="width: 12%;">
                        <!----><span class="ui-column-title">工单号</span>
                        <!----><span class="ui-cell-data">W2018031803</span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
                    <!----><td style="width: 12%;">
                        <!----><span class="ui-column-title">工单类型</span>
                        <!---->
                        <!----><span class="ui-cell-data">
                            <p-columnbodytemplateloader></p-columnbodytemplateloader>
                               <span _ngcontent-c7="">常规保养</span>
                            
                        </span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
                    <!----><td style="width: 12%;">
                        <!----><span class="ui-column-title">工单描述</span>
                        <!----><span class="ui-cell-data">cccc</span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
                    <!----><td style="width: 12%;">
                        <!----><span class="ui-column-title">状态</span>
                        <!---->
                        <!----><span class="ui-cell-data">
                            <p-columnbodytemplateloader></p-columnbodytemplateloader>
                                <span _ngcontent-c7="" class="orderStatus">
                                    <em _ngcontent-c7="" class="label status-Dispatched"></em>
                                    <i _ngcontent-c7="">已派单</i>
                                </span>
                            
                        </span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
                    <!----><td style="width: 12%;">
                        <!----><span class="ui-column-title">维保人</span>
                        <!----><span class="ui-cell-data">adminadmin</span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
            </tr>
            <!---->
            <!---->
        
            <!---->
            <!----><tr class="ui-datatable-even ui-widget-content">
                <!---->
                    <!----><td style="width: 8%;">
                        <!----><span class="ui-column-title">操作</span>
                        <!---->
                        <!----><span class="ui-cell-data">
                            <p-columnbodytemplateloader></p-columnbodytemplateloader>
                                <div _ngcontent-c7="" class="btn-group dropdown" normalizeposition="">
                                    <button _ngcontent-c7="" class="btn fc-btn btn-edit btn-xs">详情</button>
                                </div>
                            
                        </span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
                    <!----><td style="width: 12%;">
                        <!----><span class="ui-column-title">工单号</span>
                        <!----><span class="ui-cell-data">W2018031802</span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
                    <!----><td style="width: 12%;">
                        <!----><span class="ui-column-title">工单类型</span>
                        <!---->
                        <!----><span class="ui-cell-data">
                            <p-columnbodytemplateloader></p-columnbodytemplateloader>
                               <span _ngcontent-c7="">常规保养</span>
                            
                        </span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
                    <!----><td style="width: 12%;">
                        <!----><span class="ui-column-title">工单描述</span>
                        <!----><span class="ui-cell-data">维保</span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
                    <!----><td style="width: 12%;">
                        <!----><span class="ui-column-title">状态</span>
                        <!---->
                        <!----><span class="ui-cell-data">
                            <p-columnbodytemplateloader></p-columnbodytemplateloader>
                                <span _ngcontent-c7="" class="orderStatus">
                                    <em _ngcontent-c7="" class="label status-Dispatched"></em>
                                    <i _ngcontent-c7="">已派单</i>
                                </span>
                            
                        </span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
                    <!----><td style="width: 12%;">
                        <!----><span class="ui-column-title">维保人</span>
                        <!----><span class="ui-cell-data">adminadmin</span>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                    </td>
                
            </tr>
            <!---->
            <!---->
        

        <!---->
    </tbody>
                </table>
            </div>
        </div>
        <!---->
    </div>
                </div>
            
            
            <!---->
            <!---->
            
            <div class="ui-column-resizer-helper ui-state-highlight" style="display:none"></div>
            <span class="fa fa-arrow-down ui-datatable-reorder-indicator-up" style="position: absolute; display: none;"></span>
            <span class="fa fa-arrow-up ui-datatable-reorder-indicator-down" style="position: absolute; display: none;"></span>
        </div>
    </p-datatable>
                    <div _ngcontent-c7="" class="primeng-paging-container ">
                        <p-paginator _ngcontent-c7="">
        <!----><div class="ui-paginator ui-widget ui-widget-header ui-unselectable-text">
            <a class="ui-paginator-first ui-paginator-element ui-state-default ui-corner-all ui-state-disabled" href="#" tabindex="-1">
                <span class="fa fa-step-backward"></span>
            </a>
            <a class="ui-paginator-prev ui-paginator-element ui-state-default ui-corner-all ui-state-disabled" href="#" tabindex="-1">
                <span class="fa fa-backward"></span>
            </a>
            <span class="ui-paginator-pages">
                <!----><a class="ui-paginator-page ui-paginator-element ui-state-default ui-corner-all ui-state-active" href="#">1</a>
            </span>
            <a class="ui-paginator-next ui-paginator-element ui-state-default ui-corner-all ui-state-disabled" href="#" tabindex="-1">
                <span class="fa fa-forward"></span>
            </a>
            <a class="ui-paginator-last ui-paginator-element ui-state-default ui-corner-all ui-state-disabled" href="#" tabindex="-1">
                <span class="fa fa-step-forward"></span>
            </a>
            <!----><select class="ui-paginator-rpp-options ui-widget ui-state-default">
                <!----><option value="5">5</option><option value="10">10</option><option value="25">25</option><option value="50">50</option><option value="100">100</option><option value="250">250</option><option value="500">500</option>
            </select>
        </div>
    </p-paginator>
                        <span _ngcontent-c7="" class="total-records-count ">
                            总计: 3
                        </span>
                    </div>
                </div>
            </div>
        </form>
    </div>    
    <work-order-detail-modal _ngcontent-c7="" _nghost-c13=""><div _ngcontent-c13="" aria-hidden="true" aria-labelledby="workOrderDetailModal" bsmodal="" class="modal fade" id="workOrderDetailModal" role="dialog" tabindex="-1">
    <div _ngcontent-c13="" class="modal-dialog modal-lg">
        <div _ngcontent-c13="" class="modal-content">
            <form _ngcontent-c13="" novalidate="" class="ng-untouched ng-pristine ng-valid">
                <div _ngcontent-c13="" class="modal-header">
                    <h4 _ngcontent-c13="" class="modal-title">
                        <span _ngcontent-c13="">工单详情</span>
                    </h4>
                    <button _ngcontent-c13="" aria-label="Close" class="close pull-right" type="button">
                        <span _ngcontent-c13="" aria-hidden="true">×</span>
                    </button>
                </div>
                <div _ngcontent-c13="" class="modal-body">
                    <div _ngcontent-c13="" class="modal-body-content">
                        <div _ngcontent-c13="" class="row m--margin-bottom-10 work-order-content">
                            <div _ngcontent-c13="" class="col-xl-12 work-order-div">
                                <table _ngcontent-c13="" width="100%">
                                    <tbody _ngcontent-c13=""><tr _ngcontent-c13="" title="">
                                        <td _ngcontent-c13="">工单编号</td>
                                        <td _ngcontent-c13="">客户</td>
                                        <td _ngcontent-c13="">维修人员</td>
                                        <td _ngcontent-c13="">创建时间</td>
                                    </tr>
                                    <tr _ngcontent-c13="">
                                        <td _ngcontent-c13=""></td>
                                        <td _ngcontent-c13=""></td>
                                        <td _ngcontent-c13=""></td>
                                        <td _ngcontent-c13=""></td>
                                    </tr>

                                </tbody></table>
                                <div _ngcontent-c13="" class="work-order-status-title">工单状态</div>
                                <div _ngcontent-c13="" class="Work-order-status">
                                    <ul _ngcontent-c13="">
                                        <li _ngcontent-c13="" class="status completed-color">已派单</li>
                                        <li _ngcontent-c13="" class="status-node"></li>
                                        <li _ngcontent-c13="" class="status">已接单</li>
                                        <li _ngcontent-c13="" class="status-node"></li>
                                        <li _ngcontent-c13="" class="status border-right">已完成</li>
                                    </ul>
                                </div>
                            </div>
                            <div _ngcontent-c13="" class="col-xl-12 tabbable-line relation-info">
                                <tabset _ngcontent-c13="" class="tab-container tabbable-line"><ul class="nav nav-tabs m-tabs-line"> <!----><li class="nav-item m-tabs__item active"> <a class="nav-link active m-tabs__link" href="javascript:void(0);" id=""> <span>更多信息</span> <!----> </a> </li><li class="nav-item m-tabs__item"> <a class="nav-link m-tabs__link" href="javascript:void(0);" id=""> <span>流程进度</span> <!----> </a> </li> </ul> <div class="tab-content"> 
                                    <tab _ngcontent-c13="" customclass="m-tabs__item" class="m-tabs__item active tab-pane">
                                        <table _ngcontent-c13="" class="moreInfo" width="100%">
                                            <tbody _ngcontent-c13=""><tr _ngcontent-c13="" title="">
                                                <td _ngcontent-c13="">工单描述</td>
                                                <td _ngcontent-c13="">设备名称</td>
                                            </tr>
                                            <tr _ngcontent-c13="">
                                                <td _ngcontent-c13="" content=""></td>
                                                <td _ngcontent-c13="" content="" device-name=""></td>
                                            </tr>
                                            <tr _ngcontent-c13="" title="">
                                                <td _ngcontent-c13="" padding-top10="">图片</td>
                                                <td _ngcontent-c13="">客户联系人</td>
                                            </tr>
                                            <tr _ngcontent-c13="">
                                                <td _ngcontent-c13="" content="" image="">
                                                    <!---->
                                                    <!----><div _ngcontent-c13="" class="nothing">
                                                        无
                                                    </div>
                                                </td>
                                                <td _ngcontent-c13="" content="">
                                                    
                                                </td>
                                            </tr>
                                            <tr _ngcontent-c13="" title="">
                                                <td _ngcontent-c13="" padding-top10="">客户联系方式</td>
                                                <td _ngcontent-c13="">派单人</td>
                                            </tr>
                                            <tr _ngcontent-c13="">
                                                <td _ngcontent-c13="" content="">
                                                    
                                                </td>
                                                <td _ngcontent-c13="" content="">
                                                    
                                                </td>
                                            </tr>
                                        </tbody></table>
                                    </tab>
                                    <tab _ngcontent-c13="" customclass="m-tabs__item" class="m-tabs__item tab-pane">
                                        <progress-timeline _ngcontent-c13="" _nghost-c14=""><div _ngcontent-c14="" class="progress-timeline">
    <ul _ngcontent-c14="" class="progress-container">
        <!---->
    </ul>
</div>
</progress-timeline>
                                    </tab>
                                    <!---->
                                    <!---->
                                 </div> </tabset>
                            </div>
                        </div>
                    </div>
                </div>
                <div _ngcontent-c13="" class="modal-footer">
                    <button _ngcontent-c13="" class="btn fc-btn btn-cancel" type="button">
                        关闭
                    </button>
                </div>
            </form>
        </div>
    </div>
    <galleria-component _ngcontent-c13="" _nghost-c15=""><!----></galleria-component>
</div></work-order-detail-modal>
</div></maintenance-records>
                        </tab>
                        <tab _ngcontent-c2="" customclass="m-tabs__item" class="ng-tns-c2-4 m-tabs__item tab-pane">
                            <!----><device-maintenance-plan _ngcontent-c2="" _nghost-c8="" class="ng-tns-c2-4"><div _ngcontent-c8="" class="device-maintenancePlan" id="deviceMaintenancePlan" style="position: static; zoom: 1;">
    <div _ngcontent-c8="" class="form-group">
        <h5 _ngcontent-c8="">基本信息</h5>
        <div _ngcontent-c8="" class="row">
            <div _ngcontent-c8="" class="col-xl-3">
                <label _ngcontent-c8="" class="form-label">设备名称:</label>
                <div _ngcontent-c8="" class="devicePlan-info">湘潭锅炉16092601炉4</div>
            </div>
            <div _ngcontent-c8="" class="col-xl-3">
                <label _ngcontent-c8="" class="form-label">设备序列号:</label>
                <div _ngcontent-c8="" class="devicePlan-info">300617100180</div>
            </div>
            <div _ngcontent-c8="" class="col-xl-3">
                <label _ngcontent-c8="" class="form-label">设备型号:</label>
                <div _ngcontent-c8="" class="devicePlan-info">REM301-热水真锅炉比调</div>
            </div>
            <div _ngcontent-c8="" class="col-xl-3">
                <label _ngcontent-c8="" class="form-label">通讯设备:</label>
                <div _ngcontent-c8="" class="devicePlan-info">FBox</div>
            </div>
        </div>
        <div _ngcontent-c8="" class="row">

            <div _ngcontent-c8="" class="col-xl-3">
                <label _ngcontent-c8="" class="form-label">通讯设备序列号:</label>
                <div _ngcontent-c8="" class="devicePlan-info">300617100180</div>
            </div>
            <div _ngcontent-c8="" class="col-xl-3">
                <label _ngcontent-c8="" class="form-label">设备地址:</label>
                <div _ngcontent-c8="" class="devicePlan-info">湘潭市岳塘区建设路口岚园路4号湘潭中心负1层</div>
            </div>
            <!----><div _ngcontent-c8="" class="col-xl-3">
                <label _ngcontent-c8="" class="form-label">客户:</label>
                <div _ngcontent-c8="" class="devicePlan-info"></div>
            </div>
            <!----><div _ngcontent-c8="" class="col-xl-3">
                <label _ngcontent-c8="" class="form-label">客户联系方式:</label>
                <div _ngcontent-c8="" class="devicePlan-info"></div>
            </div>
        </div>

    </div>

    <h5 _ngcontent-c8="">维保参数</h5>
    <!---->
    <!----><div _ngcontent-c8="" class="form-group">
        
        <div _ngcontent-c8="" class="row">
            <div _ngcontent-c8="" class="col-xl-12 maintenancePlanTitle">
                <label _ngcontent-c8="" class="form-label">维保计划:</label>
                <span _ngcontent-c8="" class="planName">测试</span>
                <label _ngcontent-c8="" class="m-checkbox m-checkbox--success planNameCheckBox">
                    <input _ngcontent-c8="" disabled="" name="isCheckInnerDevicePart" type="checkbox" class="ng-untouched ng-pristine"> 保内维保到期停止执行
                    <span _ngcontent-c8=""></span>
                </label>

            </div>
        </div>
        <div _ngcontent-c8="" class="row">
            <div _ngcontent-c8="" class="col-xl-3">
                <label _ngcontent-c8="" class="form-label">开始维保时间:</label>
                <div _ngcontent-c8="" class="devicePlan-info">2018-03-09</div>
            </div>
            <div _ngcontent-c8="" class="col-xl-3">
                <label _ngcontent-c8="" class="form-label">下次维保时间:</label>
                <div _ngcontent-c8="" class="devicePlan-info">2018-03-17</div>
            </div>
            <div _ngcontent-c8="" class="col-xl-3">
                <label _ngcontent-c8="" class="form-label">保内维保时间:</label>
                <div _ngcontent-c8="" class="devicePlan-info">15 天</div>
            </div>
            <div _ngcontent-c8="" class="col-xl-3">
                <label _ngcontent-c8="" class="form-label">维保周期:</label>
                <div _ngcontent-c8="" class="devicePlan-info">8 天</div>
            </div>
        </div>
        <div _ngcontent-c8="" class="row">
            <div _ngcontent-c8="" class="col-xl-3">
                <label _ngcontent-c8="" class="form-label">提前派工单时间:</label>
                <div _ngcontent-c8="" class="devicePlan-info">一天</div>
            </div>

        </div>
    </div><div _ngcontent-c8="" class="form-group">
        
        <div _ngcontent-c8="" class="row">
            <div _ngcontent-c8="" class="col-xl-12 maintenancePlanTitle">
                <label _ngcontent-c8="" class="form-label">维保计划:</label>
                <span _ngcontent-c8="" class="planName">ceshi</span>
                <label _ngcontent-c8="" class="m-checkbox m-checkbox--success planNameCheckBox">
                    <input _ngcontent-c8="" disabled="" name="isCheckInnerDevicePart" type="checkbox" class="ng-untouched ng-pristine"> 保内维保到期停止执行
                    <span _ngcontent-c8=""></span>
                </label>

            </div>
        </div>
        <div _ngcontent-c8="" class="row">
            <div _ngcontent-c8="" class="col-xl-3">
                <label _ngcontent-c8="" class="form-label">开始维保时间:</label>
                <div _ngcontent-c8="" class="devicePlan-info">2018-03-02</div>
            </div>
            <div _ngcontent-c8="" class="col-xl-3">
                <label _ngcontent-c8="" class="form-label">下次维保时间:</label>
                <div _ngcontent-c8="" class="devicePlan-info">2018-03-04</div>
            </div>
            <div _ngcontent-c8="" class="col-xl-3">
                <label _ngcontent-c8="" class="form-label">保内维保时间:</label>
                <div _ngcontent-c8="" class="devicePlan-info">1 周</div>
            </div>
            <div _ngcontent-c8="" class="col-xl-3">
                <label _ngcontent-c8="" class="form-label">维保周期:</label>
                <div _ngcontent-c8="" class="devicePlan-info">2 天</div>
            </div>
        </div>
        <div _ngcontent-c8="" class="row">
            <div _ngcontent-c8="" class="col-xl-3">
                <label _ngcontent-c8="" class="form-label">提前派工单时间:</label>
                <div _ngcontent-c8="" class="devicePlan-info">一天</div>
            </div>

        </div>
    </div>

</div>
</device-maintenance-plan>
                        </tab>
                     </div> </tabset>
                </div>
            </div>
        </div>
					
  				


				 
				
				
				<!-- 添加或修改 -->
				
				
			</div>
		</div>
		

	
	</body>
</html>
